@charset "utf-8";

/*~~~~框架布局~~~*/



.rackWor{padding:0 0 50px 0}

div.swiper-button-next,div.swiper-button-prev{margin-top:-35px;}



.effect-lower{ position: relative;}

.effect-lower .effect-lower-block{position: absolute;right: 0;top:91px;width: 150px;line-height: initial;/* height:50px; */display: block;border: 1px #ddd solid;padding: 10px 20px;z-index: 9;background: #fff;filter: alpha(opacity=0);transform-origin: 95% 0%;transform:scale(0.01);-moz-transform:scale(0.01);transition:all 1s;}

.effect-lower:hover .effect-lower-block{opacity:1;transform: scale(1);}



.blockTop{ float:left;width:100%; height:100px;}



.rackWor img{ max-width:100%;}



/*子级导航*/

.subNavWap{display: none;padding:10px;border-left:2px #ddd solid;background: #eee;overflow: hidden;margin: 0 0 20px 0;}

.subNavWap .title{color:#666;font-size:14px;padding: 3px 0 0 0;}

.subNavWap .fenlei{margin:2px 0 0 0;color:#666;font-size:13px;}



/*分类样式*/

.catalog{width: 100%; position: absolute; left:0; top: 0; background-color: rgba(0,0,0,0.6); -webkit-transition:-webkit-transform .2s ease-in; display: none; z-index:100; padding:10px 0 0 0; overflow:hidden;}

.catalog>ul{width: 50%; background-color: #fff; position:absolute; top: 0; right: 0; padding-top:10px;}

.catbtn{font-size: 14px; position: fixed; top: 200px; left: 50%; display: block; width: 30px; margin-left: -30px; padding: 10px 0; text-align: center; color: #fff; border-radius: 6px 0 0 6px; background-color: #fff;}

.catalog ul li{width: 90%; margin: 0 auto; border-bottom: 1px solid rgba(255,255,255,.25);}

.catalog ul li a{font-size: 14px; line-height: 30px; display: block; overflow: hidden; width: 90%; white-space: nowrap; text-indent: 5px; text-overflow: ellipsis;}

.catalog > ul li a{background: url(../images/arrow2.png) no-repeat right center; background-size: 5px;}

.catalog ul li ul li:last-child{border-bottom: none;}

.catalog ul li ul li{margin-left: 13px;}

.subcatalog{display: none;}

.catalog ul li a:first-child{background: url(../images/arrow3.png) no-repeat right center; background-size: 8px;}

.catalog ul li a:nth-child(2),.catalog ul li a:nth-child(3){background: url(../images/arrow2.png) no-repeat right center; background-size: 8px;}

/*==顶部↓==*/

.header{padding: 25px 0 0;}
.header .lin {
    width: 100%;
    margin: -14px auto 10px;
    color: white;
    background: #00aef3;
    line-height:18px;
    text-align: center;
	padding: 5px;
}

.header .tel{color:#666666;font-size:14px;padding-left:40px;background: url(../images/tel_ico.png) no-repeat left;margin-left: 15px;}

.header .tel font{ display: block;color:#20438f;font-size:16px;display: block;}

.header .nav{}

.header .nav{margin:10px 50px 0 90px;}

.header .nav li{float:left; }

.header .nav li a{ display: block; color:#333;font-size:14px;margin: 0 20px;}

.header .nav li:hover a,.header .nav li.active a{color:#20438f}

.header .right{margin: 0px 0 0 0;}

.header .right .block{color:#666666;margin-left:20px;font-size:12px;float: left;}

.header .right em{color:#666666;font-size:19px; margin-bottom:10px;display: table;margin: auto;}

.header .right .use a{ display: inline-block;color:#666666; font-size:12px; margin:0 3px}

.header .right .use a:hover{color:#20438f}

.header .search {}

.header .search .effect-lower-block{transform-origin: 95% 0%;top: 25px;width: 300px;}

.header .search .box{ background:#f5f5f5}

.header .search input{line-height:25px;border:1px #ddd solid;width:210px;padding: 2px 10px;font-size:13px;}

.header .search button{line-height:25px; height:30px;width:40px; border:none;padding:0 5px; background:#666;color:#fff;}

.header .search button:hover{ background:#f60}

.header .lang a:hover,.header .lang a:hover em{color:#20438f;}
.header .lang{ position: relative;}
.header .icon-angle-down:before{ position: absolute;bottom:0; right:-10px;}
.header .lang span{ display: none; position: absolute; bottom:-90px; left:0; /*display: none*/padding: 10px;background: #f5f5f5;z-index: 99;height: 90px;border: 1px #eee solid;}
.header .lang span a{ display: block;border-bottom: 1px #ddd dotted;padding: 3px 0;}
.header .lang span a:last-child{border:none}
.header .lang:hover span{ display: block}
.logo{width:383px;height:59px;background: url(../images/logo.jpg) center no-repeat;text-indent: -9999px; }

.logo h1{width:383px;height:59px;}

/*==标题↓==*/

.titleAx{color:#20438f;font-size:40px; text-align: center; margin:20px 0}

.titleAx span{ display: block;margin:5px 0; color:#727272;font-size:18px;}

.titleAx hr{ width:80px;height:1px; border:none; background:#20438f}
 
.stpioti{color:#20438f;font-size:40px; text-align: center;   }

.stpioti span{ display: block;margin:5px 0; color:#727272;font-size:18px;}

.stpioti hr{ width:80px;height:1px; border:none; background:#20438f}


.moreAx{  display: table; margin:15px auto 0; position:relative;border:1px #20438f solid; color:#20438f;font-size:14px; padding:7px 60px 7px 15px;border-radius: 5px;}

.moreAx:before{position: absolute; top:9px;right:15px; color:#20438f; font-size:20px; transition: all .4s ease-in-out;}

.moreAx:hover{color:#fff; background: #20438f}

.moreAx:hover:before{ color:#fff}



.titleCx{ margin:20px 0 10px 0;/*! overflow: hidden; */float: left;width: 100%;}

.titleCx h2{color:#20438f;font-size:35px;text-align: center;margin: ;}

.titleCx .sub{  text-align: center;margin: 12px 0 15px 0;}

.titleCx .sub a{ display:inline-block;color:#636363;font-size:16px;padding:8px 15px; border-radius: 5px;margin: 5px 5px 5px 5px;}

.titleCx .sub a:hover,.titleCx .sub a.active{color:#fff; background: #20438f;} 





/*==产品↓==*/

.HomeProduct{margin: 40px 0 50px 0;}

.HomeProduct .tone{ margin:15px 0 30px 0; text-align: center;float: left;width: 100%;}

.HomeProduct .tone li{ display: inline-block; color:#636363;border-radius:5px;font-size:16px;padding:7px 15px;cursor: pointer;}

.HomeProduct .tone li.hit{ color:#fff; background: #20438f;}

.HomeProduct .down{float: left;width: 100%;}


.stchanping{margin: 25px 0;}

.stchanping .quyu{ margin:15px 0 30px 0; text-align: center;float: left;width: 100%;}

.stchanping .quyu li{ display: inline-block; color:#636363;border-radius:5px;font-size:16px;padding:7px 15px;cursor: pointer;}

.stchanping .quyu li.hit{ color: #fff;background: #20438f;}

 .stchanping .quyu li.hit a {  color: #ffff;}

.stchanping .xiamian{float: left;width: 100%;}


.list-product li{ float:left; width:25%;}

.list-product li a{ position: relative; display:block; margin:0 5px; border:1px #ddd solid; /*! text-align: center; */}

.list-product li a:before{ opacity: 0; position: absolute; left:0;top:0; content:""; width:100%;height:100%; background:rgba(32,67,143,0.8) ;z-index: 1;transition: all .4s ease-in-out;}

.list-product li img{ max-width:100%;}

.list-product li h3{height:35px; margin-top:20px;color:#636363;font-size:14px; text-align: center}

.list-product li h4{height:35px; margin-top:20px;color:#636363;font-size:14px; text-align: center}

.list-product li .box{ opacity: 0;position: absolute; left:0;bottom:0; width:100%; /*! height:100%; */ z-index: 2;text-align: left;padding: 20px 20% 20px 20px;}

.list-product li .box h3{color:#fff;font-size:16px;}

.list-product li .box h4{color:#fff;font-size:16px;}

.list-product li .box hr{border:none; width:30px;height:3px; background: #fff;float: left;margin: 12px 0;}

.list-product li .box p{color:#fff;font-size:14px;float: left;line-height: 25px;}

.list-product li .box:before{ position:absolute; right:15px;bottom:30px; display: block; color:#fff;font-size:15px; border:1px #fff solid; padding:2px;width: 40px;line-height: 35px;border-radius: 50%;text-align: center;}

.list-product li:hover .box{ opacity: 1}

.list-product li:hover a:before{ opacity: 1}




.lb-chanping li{ float:left; width:25%;}

.lb-chanping li a{ position: relative; display:block; margin:0 5px; border:1px #ddd solid; /*! text-align: center; */}

.lb-chanping li a:before{ opacity: 0; position: absolute; left:0;top:0; content:""; width:100%;height:100%; background:rgba(32,67,143,0.8) ;z-index: 1;transition: all .4s ease-in-out;}

.lb-chanping li img{ max-width:100%;}

.lb-chanping li h3{height:35px; margin-top:20px;color:#636363;font-size:14px; text-align: center}

.lb-chanping li h4{height:35px; margin-top:20px;color:#636363;font-size:14px; text-align: center}

.lb-chanping li .box{ opacity: 0;position: absolute; left:0;bottom:0; width:100%; /*! height:100%; */ z-index: 2;text-align: left;padding: 20px 20% 20px 20px;}

.lb-chanping li .box h3{color:#fff;font-size:16px;}

.lb-chanping li .box hr{border:none; width:30px;height:3px; background: #fff;float: left;margin: 12px 0;}

.lb-chanping li .box p{color:#fff;font-size:14px;float: left;line-height: 25px;}

.lb-chanping li .box:before{ position:absolute; right:15px;bottom:30px; display: block; color:#fff;font-size:15px; border:1px #fff solid; padding:2px;width: 40px;line-height: 35px;border-radius: 50%;text-align: center;}

.lb-chanping li:hover .box{ opacity: 1}

.lb-chanping li:hover a:before{ opacity: 1}




/*==产品↓==*/

.ProductListBox{}

.ProductListBox .navSub{width:18%; border:1px #ddd solid; background: #20438f;float: left;height: 600px;}

.ProductListBox .navSub ul{position: relative;}

.ProductListBox .navSub ul li{ /*! position: relative; */}

.ProductListBox .navSub ul li a.OneA{margin-left:5px;padding:17px 25px;color:#fff;font-size:16px;display: block;}

.ProductListBox .navSub ul li a.OneA em{ display: block; float:right;color:#fff; font-size:20px;}

.ProductListBox .navSub ul li:hover a.OneA{color:#20438f; background: #fff;}

.ProductListBox .navSub ul li:hover a.OneA em{color:#20438f}

.ProductListBox .navSub .sub{ display: none; position: absolute; right:-457%;top:-1px;padding:40px; background:#fff;z-index: 99;width: 457%;height: 500px;overflow: hidden;border-top: 1px #ddd solid;border-right: 1px #ddd solid;border-bottom: 1px #ddd solid;}

.ProductListBox .navSub ul li:hover .sub{ display: block}

.ProductListBox .navSub .sub h2{color:#333333;font-size:32px; padding:0 0 30px 0;margin:0 0 30px 0;border-bottom: 1px #ddd solid;}

.ProductListBox .navSub .sub h2 a{ color:#20438f;font-size:14px;margin-left: 10px;}

.ProductListBox .navSub .sub span{ display: block;margin:10px 0 30px 0;}

.ProductListBox .navSub .sub span b{color:#333333;font-size:20px;margin-bottom:15px;display: block;}

.ProductListBox .navSub .sub span a{ display: inline-block; margin:0 50px 5px 0;}

.ProductListBox .navSub .sub span a:hover{color:#20438f}

.ProductListBox .right{width:80%}

.ProductListBox .right .list-product li{width:33.3%;margin-bottom:30px}

.ProductListBox .navSub .sub{ right:-301%;top:-1px;width: 301%;}


.container .quyu{ margin:15px 0 30px 0; text-align: center;float: left;width: 100%;}

.container .quyu li{ display: inline-block; color:#636363;border-radius:5px;font-size:16px;padding:7px 15px;cursor: pointer;}



/*==产品详情↓==*/

.ProductShow{margin: 0 0 70px 0;}

.ProductShow .sTopLeft{width:45%;}

.ProductShow .sTopRight{width:50%;/*! padding-left:50px; */}

.ProductShow .sTopRight h2{color:#20438f;font-size:20px;}

.ProductShow .sTopRight p{color:#666666;font-size:14px; display: block;margin: 30px 0;}

.ProductShow .sTopRight span{padding:20px 0; color:#666666;font-size:14px;display: block; border-top:1px #ddd solid; border-bottom: 1px #ddd solid;line-height: 30px;margin-bottom: 40px;margin-top:20px;}

.ProductShow .sTopRight .tel{color:#666666;font-size:12px; padding-left:50px;background: url(../images/tel_ico.png) no-repeat left;float: left;}

.ProductShow .sTopRight .tel font{ font-size:28px; color:#20438f;display: block;}

.ProductShow .sTopRight .online{margin:5px 0 0 70px;padding:10px 40px 10px 70px; color:#fff;font-size:14px;background:#20438f url(../images/ico20.png) no-repeat 40px 10px;display: inline-block;}

.ProductShow .sTopRight .online:hover{background:#f60 url(../images/ico20.png) no-repeat 40px 10px;}

.ProductShow .tabBox{overflow: hidden;float: left;width: 100%;margin: 50px 0;}

.ProductShow .tabBox .tone{ border-top:1px #20438f solid;  border-right:1px #ddd solid;border-bottom: 1px #ddd solid; background: #f5f5f5; overflow: hidden;}

.ProductShow .tabBox .tone li{color:#333333;padding:17px 50px;font-size:14px;border-left:1px #ddd solid;float: left;cursor: pointer;}

.ProductShow .tabBox .tone li.hit{ color:#20438f;background: #fff;}

.ProductShow .tabBox .down{ margin-top:20px;}

.ProductShow .relevant{overflow: hidden;margin: 0 0 20px 0;}

.ProductShow .relevant h2{ color:#333333;font-size:20px; font-weight:bold;background:url(../images/line06.jpg) no-repeat left;padding-left: 10px;}

.ProductShow .relevant .more{color:#999999;font-size:12px; background: url(../images/line09.png) no-repeat right; float: right;padding-right: 20px;margin-top: 7px;}

.ProductShow .relevant .more:hover{color:#20438f}

.ProductShow .relevant .list{}

.ProductShow .relevant .list a{ display: block;background: #fff;border: 1px #ddd solid;padding: 0 0 20px 0;}

.ProductShow .relevant .list li h4{color:#333333;font-size:14px;text-align: center;margin: 15px 0;}

.ProductShow .relevant .list li em{ display: table; margin:auto; border:1px #ddd solid; color:#ddd;border-radius: 50%;width: 20px;line-height: 20px;text-align: center;}

.ProductShow .relevant .list li:hover h4{ color:#20438f}

.ProductShow .relevant .list li:hover em{ color:#20438f;border:1px #20438f solid}

.ProductShow .relevant .down{margin-top:50px;overflow: hidden;} 

.ProductShow .relevant .swiper-container-relevant{position: relative;overflow: hidden;margin-top: 30px;}

.ProductShow .relevant .prev,.ProductShow .relevant .next{ background: #505050;color: #fff;font-size: 30px;width: 35px;line-height: 35px;text-align: center;}

.ProductShow .relevant .prev:hover,.ProductShow .relevant .next:hover{ background:#20438f}

.ProductShow .relevant .list li:hover h4{color:#20438f}





/*==首页案例↓==*/

.HomeCase{ background: url(../images/HomeCaseBG.jpg) no-repeat center top;padding: 50px 0; background-size:cover; }

.HomeCase .tone{ margin:10px 0 30px 0; text-align: center;float: left;width: 100%;}

.HomeCase .tone li{ display: inline-block; margin:0 3px;color:#20438f; border:1px #20438f solid;border-radius:5px;font-size:18px;padding:10px 25px;cursor: pointer;}

.HomeCase .tone li.hit,.HomeCase .tone li:hover{ color:#fff; background: #20438f;}

.picTwo .vmcarousel > li{width:700px;}

.picTwo .vmcarousel > li img{width:100%;/*max-height:560px;*/}

.picTwo{ position: relative;margin:0px 0 40px 0;padding:0px;overflow: hidden;}

.picTwo .bg img{ }

.picTwo .pos{ position: absolute;left:0;top:0;width:100%;}

.picTwo .picTwo .box{float:left;width:100%;margin:70px 0 0 0;}

.picTwo .vmc-centered img { transition: all 0.3s ease;transform: scale(0.8);opacity: 0.8; }

.picTwo .vmc-centered .vmc_active{ position: relative;z-index:9; margin:0 -100px 0 -93px;}

.picTwo .vmc-centered .vmc_active img { transform: scale(1); opacity:1;}

.picTwo .vmc-container{position: relative;margin:auto; overflow: hidden;}

.picTwo .vmc-viewport{ overflow: hidden; margin:0 140px;}

.picTwo .vmc-viewport li{-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;-ms-transition:all 0s ease-in-out;transition:all 0s ease-in-out;}

.picTwo .vmcarousel{list-style-type: none; padding: 0; margin: 0; width: 1000%;}

.picTwo .vmcarousel:after{content: ''; display: table; clear: both;}

.picTwo .vmcarousel > li{float: left;}

.picTwo .vmcarousel > li h4{ opacity:0;color:#3e3e3e;font-size:18px; text-align:center; margin:20px 0 0 0;}

.picTwo .vmcarousel > li:hover h4{color:#20438f}

.picTwo .vmcarousel > li.vmc_active h4{ opacity: 1;}

.picTwo .vmcarousel > li img{ display: block; margin: 0 auto; max-width: 100%;}

.picTwo .vmc-container.hide-controls .icon-angle-left,.picTwo .vmc-container.hide-controls .icon-angle-right{display: none;}

.picTwo .icon-angle-left,.picTwo .icon-angle-right{

    position: absolute; top: 50%; left: 25px; width: 50px; height: 50px; margin-top: -25px; overflow: hidden;

  border-radius: 50%; transition: opacity 0.3s ease;

    text-align: center;

    border: 1px #fff solid;transition: all .4s ease-in-out;

}

.picTwo .icon-angle-left:hover,.picTwo .icon-angle-right:hover{ border:1px #20438f solid}

.picTwo .icon-angle-left:hover:before,.picTwo .icon-angle-right:hover:before{ color:#20438f}

.picTwo .icon-angle-right{left: auto; right: 25px;}

.picTwo .icon-angle-left:after,.picTwo .icon-angle-right:after{

    content: ''; display: inline-block;

    font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased;

	 font-size: 50px; line-height: 50px;

}

.picTwo .icon-angle-right:before,.picTwo .icon-angle-left:before{color:#fff;font-size:32px;font-weight: 400;transition: all .4s ease-in-out;margin-top: 7px;}







/*==首页解决方案↓==*/

.focusSlove{ position: relative;/*! margin-top:40px; *//*! margin-bottom: 90px; */}

.focusSlove .list{}

.focusSlove .list li{width: 100%; height:730px; overflow: hidden}

.focusSlove .list li h2{font-size:60px; color:#fff;margin: 122px 0 0 0;}

.focusSlove .list li h2 font{display:block;color:#fff;font-size:25px;}

.focusSlove .list li h2 hr{ display: block;margin:59px 0 0 0; width:100px; height:1px; background: rgba(255,255,255,0.7);border: none;}

.focusSlove .list li a{ margin:230px 0 0 0; color:#fff;font-size:20px; padding-bottom:20px;background: url(../images/line010.png) no-repeat left bottom;display: block;float: left;}

.focusSlove .list li a font{ margin-left:10px; font-size:12px;}

.focusSlove .list li img{max-width:100%;}

.focusSlove .spot-long{ position: absolute; right:0;top:20%;width:500px; width: 100%;}

.focusSlove .spot{padding:0px; background: #fff; /*! box-shadow: 0 0 10px #bbb; */}

.focusSlove .spot li{position:absolute;}

.focusSlove .spot{position: relative;/*! width: 300px; */}

.focusSlove .spot li.x1{ right:235px;top:0;}

.focusSlove .spot li.x2{ right:80px;top:0;}

.focusSlove .spot li.x3{ right:157px;top:132px;}

.focusSlove .spot li.x4{ right:3px;top:132px;}

.focusSlove .spot li.x5{ right:80px;top:264px;}

.focusSlove .spot li.x6{ right:234px;top:264px;}

.focusSlove .spot li{width:156px;height:178px;text-align: left;cursor: pointer;background:url(../images/sloveIco01.png) no-repeat center;/*! float: left; */padding: 20px 10px 0 25px;}

.focusSlove .spot li b{color:#fff;font-size:18px;margin: 35px 0 10px 0;display: block;}

.focusSlove .spot li span{ display:block;color:#fff;font-size:12px}

.focusSlove .spot li.on{background:url(../images/sloveIco02.png) no-repeat center;}





/*==首页关于我们↓==*/

.HomeAbout{ background:#f7f7f7 url(../images/HomeAboutBGr.png) no-repeat right bottom;height: 580px;}

.HomeAbout .left{ position:relative;width:50%; }

.HomeAbout .left .video{ position: absolute; top:0; right:0;}

.HomeAbout .left .video img{/*! max-width:100%; */}

.HomeAbout .right{width:50%;padding:50px;}

.HomeAbout .right h3{color:#20438f;font-size:50px;}

.HomeAbout .right h3 span{display: block; color:#20438f;font-size:40px;}

.HomeAbout .right h3 hr{ /*! float:left; */width:80px;height:1px; border:none; background:#8b9dc3;margin: 30px 0 0 0;}

.HomeAbout .right .wx{color:#666666;font-size:14px; line-height:25px;margin: 15px 0 0;}

.HomeAbout .right .moreAx{float:left;}


.stguanyu{ background:#f7f7f7 url(../images/HomeAboutBGr.png) no-repeat right bottom;height: 580px;}

.stguanyu.wh.fl.gaodu {
    height: 390px;
}

.stguanyu .left{ position:relative;width:50%; }

.right.fr.yibai {
    width: 100%;
}
.stguanyu .left .video{ position: absolute; top:0; right:0;}

.stguanyu .left .video img{/*! max-width:100%; */}

.stguanyu .right{width:50%;padding:50px;}

.stguanyu .right h3{color:#20438f;font-size:50px;}

.stguanyu .right h3 span{display: block; color:#20438f;font-size:40px;}

.stguanyu .right h3 hr{ /*! float:left; */width:80px;height:1px; border:none; background:#8b9dc3;margin: 30px 0 0 0;}

.stguanyu .right .wx{color:#666666;font-size:14px; line-height:25px;margin: 15px 0 0;}

.stguanyu .right .moreAx{float:left;}




/*==数字加载↓==*/

.digital{ padding:30px 0;border-bottom: 1px #eee solid;}

.digital li{ position:relative;float:left; width:20%; text-align: center;color:#20438f;}

.digital li:before{ content: ""; position: absolute; right:0; top:0; height:50%; top:20%; width:1px; background: #ddd;}

.digital li span{color:#20438f;font-size:60px;}

.digital li span h5{ text-align: center;color:#959595;font-size:16px; margin-top:10px;}





/*==首页图片切换↓==*/

.HomePic{ margin:50px 0 30px 0;}

.HomePic .tone{ margin:10px 0 30px 0; text-align: center;float: left;width: 100%;}

.HomePic .tone li{ display: inline-block; margin:0 3px;color:#20438f; border:1px #20438f solid;border-radius:5px;font-size:18px;padding:10px 25px;cursor: pointer;}

.HomePic .tone li.hit{ color:#fff; background: #20438f;}

.HomePic .down{}

.HomePic .list{}

.HomePic .list li{ float:left; width:25%;}

.HomePic .list li a{ display: block; margin:0 10px;}

.HomePic .list li h4{color:#8c8c8c;font-size:18px; margin-top:20px; text-align: center;}

.HomePic .list li .pic{padding:20px; background: #eef3ff;}

.HomePic .list li:hover h4{color:#20438f}

.stcp{ margin:0px 0 20px 0;}

.stcp .quyu{ margin:10px 0 30px 0; text-align: center;float: left;width: 100%;}

.stcp .quyu li{ display: inline-block; margin:0 3px;color:#20438f; border:1px #20438f solid;border-radius:5px;font-size:18px;padding:10px 25px;cursor: pointer;}

.stcp .quyu li.hit{ color:#fff; background: #20438f;}

.stcp .xiamian{}

.stcp .liebiao{}

.stcp .liebiao li{ float:left; width:25%;}

.stcp .liebiao li a{ display: block; margin:0 10px;}

.stcp .liebiao li h4{color:#8c8c8c;font-size:18px; margin-top:20px; text-align: center;}

.stcp .liebiao li .pic{padding:20px; background: #eef3ff;}

.stcp .liebiao li:hover h4{color:#20438f}

/*==首页新闻↓==*/

.HomeArticle{padding: 50px 0;background: #f7f7f7;}

.HomeArticle .tone{overflow: hidden;margin: 0 0 30px 0;text-align: right;}

.HomeArticle .tone h3{ float:left;color:#20438f;font-size:40px;text-align: left;}

.HomeArticle .tone h3 font{ display: block; color:#8c8c8c;font-size:18px;}

.HomeArticle .tone li,.HomeArticle .tone .more{/*! float:right; */ color:#8b8b8b;font-size:18px; border-radius:5px;padding:10px 20px;display: inline-block; cursor: pointer;margin-top: 10px;}

.HomeArticle .tone li.hit{color:#fff; background: #20438f}

.HomeArticle .tone li.more{ color:#fff; background: #20438f;}

.HomeArticle .tone .more{ }

.HomeArticle .tone .more:hover{color:#20438f}

.HomeArticle .list-3 li{width:25%;}

.HomeArticle .list-3 li .box h4{height:10px;}


.stwenz{padding: 20px 0;background: #f7f7f7;}

.stwenz .quyu{overflow: hidden;margin: 0 0 30px 0;text-align: right;}

.stwenz .quyu h3{ float:left;color:#20438f;font-size:40px;text-align: left;}

.stwenz .quyu h3 font{ display: block; color:#8c8c8c;font-size:18px;}

.stwenz .quyu li, .stwenz .quyu .more{/*! float:right; */ color:#8b8b8b;font-size:18px; border-radius:5px;padding:10px 20px;display: inline-block; cursor: pointer;margin-top: 10px;}

.stwenz .quyu li.hit{color:#fff; background: #20438f}

.stwenz .quyu li.more{ color:#fff; background: #20438f;}

.stwenz .quyu .more{ }

.stwenz .quyu .more:hover{color:#20438f}

.stwenz .liebiao-0 li{width:25%;}

.stwenz .liebiao-0 li .hezi h4{height:10px;}


.list-3{}

.list-3 li{ width:25%;float: left;}

.list-3 li a{ display: block; margin:0 12px;}

.list-3 li .box{padding:20px 10px; background: #fff;overflow: hidden; height: 50px;}

.list-3 li .box h4{color:#333333;font-size:16px;height:40px;margin-bottom: 35px;}

.list-3 li .box b{ float:left;color:#20438f; font-size:14px;display: block;}

.list-3 li .box span{ display: block; float:right;color:#333333;font-size:14px;}

.list-3 li:hover .box h4{color:#20438f}

.NewsListBox .list-3 li{margin-bottom:20px;}

.NewsListBox .list-3 li .box{ background: #f7f7f7;}


.liebiao-0{}

.liebiao-0 li{ width:33.3%;float: left;}

.liebiao-0 li a{ display: block; margin:0 12px;}

.liebiao-0 li .hezi{padding:1px; background: #fff;overflow: hidden;    height: 45px;}

.liebiao-0 li .hezi h4{color:#333333;font-size:14px;height:40px;margin-bottom: 35px;}

.liebiao-0 li .hezi b{ float:left;color:#20438f; font-size:14px;display: block;}

.liebiao-0 li .hezi span{ display: block; float:right;color:#333333;font-size:14px;}

.liebiao-0 li:hover .hezi h4{color:#20438f}

.NewsListBox .liebiao-0 li{margin-bottom:20px;}

.NewsListBox .liebiao-0 li .hezi{ background: #f7f7f7;}



/*==留言↓==*/

.commentsBox{ margin:0 0 100px 0}

.commentsBox .frame{ border:1px #ddd solid;padding:5px 15px;border-radius: 5px;}

.commentsBox .frame b{color:#333333;font-size:14px;vertical-align: top;}

.commentsBox .frame b i{color:red; margin-right:5px;font-style: normal;}

.commentsBox .mr{ margin-right:1%;}

.commentsBox .f-1{float:left; width:49.5%; margin-bottom: 10px;;line-height: 40px;/*! margin-right: 10px; */}

.commentsBox .f-1 b{ display: block; float:left;  margin-right: 10px;}

.commentsBox .f-1 input{ float:left; width:80%; height:100%;display: block;line-height: 35px;border: none;}

.commentsBox .f-2{float:left; width:100%;line-height: 40px;}

.commentsBox .f-2 textarea{ height:150px;border: none;border: none;width: 80%;}

.commentsBox .f-3{margin:20px 0;float: left;width: 100%;border: none;padding: 0 0px;}

.commentsBox .f-3 b{ display: block; margin-bottom:10px;}

.commentsBox .f-3 input{float:left;width:200px; line-height: 33px;border:1px #e5e5e5 solid;}

.commentsBox .f-3 .browse,.commentsBox .f-3 .upload{float:left;color:#fff;font-size:12px;padding:10px 20px; border-radius: 5px; border:none}

.commentsBox .f-3 .browse:hover,.commentsBox .f-3 .upload:hover{ background: #333}

.commentsBox .f-3 .browse{margin:0 10px; background:#a5a5a5;}

.commentsBox .f-3 .upload{background:#20438f;}

.commentsBox .submit,.commentsBox .reset{ float:left; margin-right:10px; padding:10px 100px; border-radius: 5px; font-size:18px; color:#fff;border:none}

.commentsBox .submit:hover,.commentsBox .reset:hover{ background: #333}

.commentsBox .submit{ background: #20438f;}

.commentsBox .reset{ background: #a5a5a5;}





/*==次级导航↓==*/

.menu{/*! position:absolute; *//*! left:0; */ /*! bottom:0; */width:100%; border-bottom: 1px #20438f solid;}

.menu ul{ text-align: center; /*! display: table; */width: 100%;}

.menu li{ display:inline-block; margin: 10px 5px;}

.menu li a{ display: block;margin:0 0px;color:#515151;font-size:14px; border-radius: 5px;padding: 8px 15px;}

.menu li:hover a,.menu li .active{ color:#fff;  background:#20438f}





/*==面包屑↓==*/

.site{margin:20px 0 10px 0;color:#666666;font-size:12px; text-align: left;}

.site .home{ padding-left:25px; background: url(../images/home_ico.png) no-repeat left;}

.site a{color:#666;font-size:12px;}

.site a:hover{color:#20438f}

.gd15 {height:15px;  margin: 15px;}



/*==列表4↓==*/

.list-4{}

.list-4 li{float:left; width:25%;}

.list-4 li a{ display: block; margin:0 5px 30px 5px;}

.list-4 li h4{margin-top:20px;color:#3e3e3e; font-size:16px; text-align: center;}

.list-4 li:hover h4{color:#20438f;}





/*==列表2↓==*/

.list-2{}

.list-2 li{ float:left; width:50%;}

.list-2 li a{ display: block; margin:0 15px 30px 15px;text-align: center;}

.list-2 li .pic{position:relative}

.list-2 li .pic:before{ content: ""; position: absolute; left:15px;top:15px; right:15px;bottom: 15px; /*! width:100%; */ /*! height:100%; */border:1px #ddd solid;z-index: 9;}

.list-2 li .pic h3{ opacity: 0; position: absolute; left:0; top:30%; width:100%;color:#fff;font-size:18px; z-index: 8;transition: all .4s ease-in-out;}

.list-2 li .pic h3 font{ display: block;}

.list-2 li .pic b{opacity: 0;  position: absolute; bottom: 20%; left:0; color:#fff;font-size:14px;z-index: 9;width: 100%;transition: all .4s ease-in-out;}

.list-2 li h4{color:#333333;font-size:18px; margin-top:15px;}

.list-2 li:hover h4{color:#20438f;}

.list-2 li:hover .pic h3,.list-2 li:hover .pic b{ opacity: 1}





/*==客服在线↓==*/

.onlineBox{}

.onlineBox .box-1{ border-top:1px #ddd solid;height: 537px;}

.onlineBox .box-1 .left{ position:relative;width:50%;}

.onlineBox .box-1 .left img{ position: absolute; right:0;top:0;}

.onlineBox .box-1 .right{padding:70px 50px;width:50%}

.onlineBox .box-1 .right h3{color:#333333;font-size:32px;}

.onlineBox .box-1 .right p{color:#333333;font-size:14px;line-height:25px;margin-top: 30px;}

.onlineBox .box-2{padding:70px 0; background: url(../images/kefuBg.jpg) no-repeat center top;height: 410px;display: table-cell;}

.onlineBox .box-2 h3{color:#fff;font-size:34px; text-align:center; margin-bottom: 100px;}

.onlineBox .box-2 span{padding-left:110px;color:#fff;font-size:24px; display: block; float:left; width:33.3%;/*! vertical-align: bottom; */}

.onlineBox .box-2 span font{ display: block; font-size:14px; color:#fff}

.onlineBox .box-2 span.x1{ background:url(../images/kefuIco01.png) no-repeat left;}

.onlineBox .box-2 span.x2{ background:url(../images/kefuIco02.png) no-repeat left;}

.onlineBox .box-2 span.x3{ background:url(../images/kefuIco03.png) no-repeat left;}

.onlineBox .box-3{padding:70px 0 50px 0;text-align: center;}

.onlineBox .box-3 .tel{ color:#000000;font-size:16px;padding-left:70px; background: url(../images/tel3_ico.png) no-repeat left;/*! float: left; */display: inline-block;text-align: left;}

.onlineBox .box-3 .tel font{ color:#20438f;font-size:28px;display: block;}

.onlineBox .box-3 a{ margin:0 60px;display: inline-block;color:#20438f;font-size:14px;padding:10px 50px; border:1px #20438f solid;border-radius: 5px;/*! float: left; */}

.onlineBox .box-3 a:hover{color:#fff; background: #20438f}

.onlineBox .box-3 .time{color:#333333;font-size:16px;padding-left:80px;  background: url(../images/time_ico.png) no-repeat left;/*! float: left; */padding: 5px 0 5px 65px;display: inline-block;text-align: left;}

.onlineBox .box-3 .time span{ display: block; color:#666666;font-size:16px}

.onlineBox .box-3 .time span font{color:#20438f;}





/*==联系我们↓==*/

.contactBox{}

.contactBox .box-1{float:left; width:100%;}

.contactBox .box-1 .wor{ margin:10px 0 30px 0;}

.contactBox .box-1 .left{ width:100%;}

.contactBox .box-1 .left li{float:left; width:31%;margin-right:2.3%; margin-bottom:40px;}

.contactBox .box-1 .left li .pic{ position: relative;}

.contactBox .box-1 .left li .pic h4{ position: absolute; left:0;bottom: 0;color:#fff;font-size:18px;padding:10px 20px; background:rgba(0,0,0,0.5);width: 100%;}

.contactBox .box-1 .left li span{display: block; margin-top:15px; color:#666666;font-size:14px;border-left: 1px #ddd solid;padding-left: 20px;line-height: 22px;/*! margin-top: 5px; */}

.contactBox .box-1 .right{ width:25%; padding-left:50px;border-left: 1px #ddd solid;}

.contactBox .box-1 .right span{ display: block;margin: auto;/*! line-height: 25px; */}

.contactBox .box-1 .right .tel,.contactBox .box-1 .right .mail{color:#666666;font-size:14px;padding-left: 60px;;margin-bottom: 80px;}

.contactBox .box-1 .right .tel font,.contactBox .box-1 .right .mail font{color:#9a9a9a;font-size:20px; display: block;}

.contactBox .box-1 .right .tel{ background: url(../images/tel4_ico.png) no-repeat left;}

.contactBox .box-1 .right .mail{ background: url(../images/mail_ico.png) no-repeat left;}

.contactBox .box-1 .right .ewm{ color:#666666; margin-bottom:50px; text-align: center;}

.contactBox .box-1 .right .ewm img{ display: block; margin-bottom: 10px; border:1px #ddd solid;padding:2px;margin: 0 auto 10px;}

.contactBox .box-2{float:left; width:100%; margin:20px 0}

.contactBox .box-2 h2{color:#20438f;font-size:35px; margin:20px 0 50px 0;text-align: center}

.contactBox .box-2 .frame{ width:48% }

.contactBox .box-2 .frame-2{margin-left:4%;}

.contactBox .box-2 table{float:left; width:100%;/*! border: 1px #ddd solid; */}

.contactBox .box-2 table .top{ background: #1d3d8f;}

.contactBox .box-2 table .top td{color:#fff}

.contactBox .box-2 table tr td{color:#000;font-size:16px;padding: 8px 10px;border: 1px #aaa solid; text-align: center;}

.contactBox .box-2 .tel{ overflow: hidden; display:block; width:100%;padding: 8px 10px;border: 1px #aaa solid;width:100%;color:#000000;font-size:16px;padding:8px 10px;}





/*==关于我们↓==*/

.AboutBox{}

.AboutBox .title{color:#20438f;font-size:35px;margin:10px 0; text-align: center;}

.AboutBox .introduction{margin:20px 0 50px 0;}

.AboutBox .introduction .wx{margin:30px 0 50px 0;color:#666666;line-height:25px;font-size:14px;}

.AboutBox .introduction .video{}

.AboutBox .introduction .video img{max-width:100%;}

.AboutBox .course{padding:50px 0; background: #f8f8f8;}

.course-w-list{}

.course-w-list li{float:left;width:50%; }

.course-w-list li a{  border:1px #ddd solid;padding: 3px; margin:5px;display: block;height: 180px;background: #fff;line-height: 18px;}

.course-w-list li h4{color:#333;font-size:14px;margin: 0;font-weight: bold;}

.course-w-list li p{color:#666;font-size:12px;}

.AboutBox .mission{padding:70px 0; text-align:center;background:url(../images/aboutBg03.jpg) no-repeat center;background-size: cover;}

.AboutBox .mission h3{margin-bottom: 50px; color:#fff;font-size:20px; text-align: center;}

.AboutBox .mission span{ display: inline-block; width:160px;height:160px; border-radius:50%;background: #20438f;padding: 20px 0;margin: 0 60px;}

.AboutBox .mission img{}

.AboutBox .mission span font{color: #fff;font-size:20px; margin-top:5px;display: block;}

.AboutBox .region{margin:50px 0;}

.AboutBox .region .wx{margin:30px 0 50px 0;color:#333333;font-size:14px; line-height:25px;text-align: center}

.AboutBox .region img{ display: block; margin:0px auto 0}





/*==下载↓==*/

.download-list{ background: #fff;margin-top: 15px;float: left;width: 100%;overflow: hidden;margin-bottom: 40px;}

.download-list li{padding:20px 30px; border-bottom: 1px #ddd solid;clear: both;overflow: hidden;}

.download-list li a{ display: block;clear: both;overflow: hidden;}

.download-list li h4{position:relative;padding-left:40px;float:left;color:#333333;font-size:14px;line-height: 40px;}

.download-list li h4:before{ content: ""; position:absolute; left:0;top:6px;width:30px;height:30px; background: url(../images/ddIco01.png) no-repeat 0 0;transition: all .4s ease-in-out;}





/*==下载↓==*/

.download-list li:hover h4:before{ background-position: 0 -30px ;}

.download-list li b{position:relative; float: right;color:#333333;font-size:12px;border: 1px #ddd solid;padding: 10px 20px 10px 40px;height: 40px;}

.download-list li b:before{ content: ""; position:absolute; left:17px;top:10px;width:22px;height:20px; background: url(../images/ddIco02.png) no-repeat 0 0;transition: all .4s ease-in-out;}

.download-list li:hover b:before{ background-position: 0  -18px;}

.download-list li:hover{ background: #20438f;}

.download-list li:hover h4{color:#fff;}

.download-list li:hover b{color:#fff; border:1px #fff solid}

.serviceBox .download .more{ position: relative;display: table;color:#333333;font-size:12px; margin:30px auto 0; padding:15px 80px; box-shadow:0 0 10px #ddd;background: #fff;}

.serviceBox .download .more:hover{ color:#fff;background: #20438f}

.serviceBox .download .more:before{ content: "";position: absolute;top:20px;right:47px;width:15px;height:5px;background: url(../images/line09.png) no-repeat center}





/*==新闻详细页↓==*/

.newsDetail{float:left;width:100%;}

.newsDetail h2{margin:20px 0 0 0;font-size:24px;line-height:26px;text-align:center;color:#333;padding-bottom:15px;font-weight:normal;}

.newsDetail .msg{text-align:center;border-bottom:1px solid #e7e7e7;font-family:"宋体";font-size:12px;padding-bottom:5px;}

.newsDetail .msg span{padding:0 7px;color:#999;}

.newsDetail .msg .fonts a{padding:0 3px;}

.newsDetail .msg a.active{font-weight:bold;color:#9a6834;}

.newsDetail .detailCont{padding:15px 0;line-height:26px;overflow:hidden;}

.newsDetail .detailCont embed{width:70%; height:500px; margin:auto;display: block;}

.newsDetail .detailCont .pic{text-align:center;padding-bottom:20px}

.explain {
    padding: 15px 30px !important;
    line-height: 2em;
    font-size: 12px !important;
    color: #444 !important;
}

.pagIng{border-top:1px solid #dadada;padding:5px 15px 35px;overflow:hidden;}

.pagIng .fl{/*! width:100%; */height:60px;padding-right:30px;/*! border-right:1px solid #dadada; */}

.pagIng .fl a:hover{color:#20438f}

.pagIng .fl a{display:block;height:30px;line-height:30px;}

.pagIng .fr{line-height:28px;display:block;width:85px;height:28px;margin-top:16px;text-align:center;color:#fff;border-radius:2px;background:#20438f;}

.pagIng .fr:hover{background:#000;color:#fff;}

.recTitle{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 12px #eee;font-weight:bold;color:#333;font-weight:normal;margin-top:20px;}

.relNews{overflow:hidden;margin-top:15px;}

.relNews ul{width:100%;}

.relNews ul li{float:left;margin:0 1%;width:48%;height:28px;line-height:28px;}

.relNews ul li a{display:block;line-height:28px;background:url(../images/arrow_02.png) no-repeat left center;padding-left:15px;float:left;font-size:15px;}

.relNews ul li a:hover{background:url(../images/arrow_one.png) no-repeat left center;margin-left:5px;}

.relNews ul li span{float:right;color:#999;}





/*==联系我们↓==*/

.contact{margin-bottom:50px;}

.contact .box{margin:50px 0 30px 0;}





/*==图片↓==*/

.list-pic2{}

.list-pic2 li{float:left;width:23%; margin:0 1% 2% 1%;}

.list-pic2 li .box{border:2px #f9f9f9 solid}

.list-pic2 li h4{text-align: center;color:#666; font-size:15px;padding:10px 0 10px 0;font-weight:bold;background: #eee;}

.list-pic2 li h4 font{ display: block;font-size:13px;margin-top:5px;font-weight: 400}

.list-pic2 li img{max-width:100%;}

.list-pic2 li:hover h4{color:#20438f}

.list-pic2 li:hover .box{border: 2px #20438f solid;}





/*==案例↓==*/

.caseBox{margin: 20px 0 30px 0;}

.caseBox .title{color:#333333;font-size:30px;text-align:center}

.caseBox .title hr{ display:table; border:none;margin:10px auto;width:20px;height:1px; background:#20438f;}

.caseBox .list{ margin:0px 0 0 0;}

.caseBox .list li{float:left;width:33.3%;}

.caseBox .list li a{ display: block; margin:0 10px 20px 10px;}

.caseBox .list li h4{color:#333333;font-size:16px;padding:20px; background:#eeeeee ;}

.caseBox .list li h4 em{ float:right;display:block;  width:12px;height:5px; background:url(../images/line09.png) no-repeat center;margin: 10px 0 0 0;}

.caseBox .list li:hover h4{ color:#fff; background: #B00700;} 





/*==切换1↓==*/

.swiper-container-square1{overflow: hidden;position: relative;}

.swiper-container-square1 .list{}

.swiper-container-square1 .list li h4{margin-top:10px;color:#333333;font-size:12px;text-align: center;}

.swiper-container-square1 .list .pic{padding:20px; background: #fff;border: 1px #eee solid;}

.swiper-container-square1 .prev,.swiper-container-square1 .next{ background: #505050;color: #fff;font-size: 30px;width: 35px;line-height: 35px;text-align: center;}

.swiper-container-square1 .prev:hover,.swiper-container-square1 .next:hover{ background:#20438f}

.swiper-container-square1 .list li:hover h4{color:#20438f}





/*==留言2↓==*/

.message{background: #ededed;padding: 50px 0 50px 0;margin: 70px 0 0 0;overflow: hidden;}

.message form{ margin-top:30px}

.message .frame{position: relative; float:left;padding:20px 20px; /*! line-height:50px; */width:32.3%; margin:0 0.5% 1% 0.5%; background:#fff;}

.message .frame.x1 input{background: url(../images/ico101.png) no-repeat left;/*! float: left; */}

.message .frame.x2 input{background: url(../images/ico102.png) no-repeat left;}

.message .frame.x3 input{background: url(../images/ico103.png) no-repeat left;}

.message .frame.x4 textarea{background: url(../images/ico104.png) no-repeat left top;}

.message .frame.x4{width:99%;}

.message .frame input,.message .frame textarea{padding-left:30px; border:none;/*! width: 100%; *//*! float: left; */display: inline;vertical-align: top;/*! float: right; */}

.message .frame textarea{/*! width:100%; */height:100px; clear: both}

.message button.submit{float:left;width:50%; padding:20px 20px;font-size:14px; color:#fff; background: #20438f;border: none;}

.message button.submit:hover{background:#f00}

.message .yzm{margin:0 0 0 20px;}

.message .yzm input{padding:20px 20px;margin:0 10px;}



.contactBox .sideMenu{ margin-top:35px;}

.contactBox .job{overflow: hidden;float: left;width: 100%;margin: 70px 0 80px 0;}

.contactBox .job .title{padding:25px 50px; background:#efefef;margin-top: 10px;text-align: center; cursor: pointer}

.contactBox .job .sideMenu .on{ border-top:1px #B00700 solid}

.contactBox .job .title b{color:#20438f;font-size:18px;float: left;}

.contactBox .job .title span{color:#757575;font-size:14px;padding: 0 50px;}

.contactBox .job .title a{ display: block; float: right;color:#fff;font-size:14px; background: #B00700;padding: 5px 15px;}

.contactBox .job .title a:hover{ background: #f60}

.contactBox .job .box{ /*! display: none; */color:#4b4b4b;font-size:14px;padding:30px 50px; background:#efefef;border-top: 1px #ddd solid;line-height: 25px;}

.contactBox .job .box h3{margin:20px 0;color:#333333;font-size:16px;font-weight: bold;}

.contactBox .job .scrollBox{margin-top:15px;}

.contactBox .job .scrollBox .spot{ margin-top:35px;text-align: center;/*! padding: 20px 0 10px 0; */}

.contactBox .job .scrollBox .spot li{ display: inline-block; width:12px;height:12px; font-size:0px; margin:0 7px; border-radius:50%;background: #c1c1c1;cursor: pointer}

.contactBox .job .scrollBox .spot li.on{ background: #20438f}





/*==list-box↓==*/

.list-box{margin-top:20px;}

.list-box li{float:left; width:23%; margin:0 1% 1% 1%}

.list-box li img{max-width:100%;width:100%;}

.list-box li .pic{padding-top:65%;border: 1px #ddd solid;}

.list-box li:hover .pic{border: 1px #20438f solid;}

.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;height: 50px;}

.list-box li:hover h4{color:#c31019;}

#list-box2 li{width:18%;}

.list-honor2{margin:0 0 20px 0; overflow: hidden;}

.list-honor2 h2.title{float:left;width:100%;color:#666;font-size:20px;margin:0 0 20px 0; padding:0 0 15px 0;border-bottom: 1px #ddd solid;}

.list-honor2 li{float:left; width:23%; margin:0 1% 1% 1%;text-align: center;}

.list-honor2 li a{ display: block}

.list-honor2 li .imgBoxB{/*! width:100%; */ text-align: center; border:1px #ddd solid;margin: auto;height: 250px;}

.list-honor2 li .auto{ margin:auto; display: table}

.list-honor2 li .imgBox{height:250px;width:100%;/*! border:1px #ddd solid; */vertical-align: middle;display: table-cell;text-align: center;}

.list-honor2 li .imgBox img{ width:auto;max-width:100%;margin: auto;max-height: 250px;display: block;vertical-align: middle;}

.list-honor2 li .imgPD{border: 1px #ddd solid;}

.list-honor2 li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;height: 50px;}

.list-honor2 li:hover h4{color:#c31019;}





/*==底部===*/

.footer{padding: 40px 0 0 0;background: #686868;overflow: hidden;}

.footer .nav h3{ color:#fff;font-size:18px;margin-bottom:20px;}

.footer .nav{position:relative;display: table;/*margin-bottom: 30px;*/width: 70%;}

.footer .nav li{/*! display: table-cell; */height:230px;padding-right: 15px;float: left;width: 25%; border-right:1px #7a7a7a solid;padding: 0 40px;/*! text-align: center; */}

.footer .nav li a{ display: block;color:#fff; line-height:20px;font-size:14px;padding:3px 0;}

.footer .nav li a:hover{color:#ccc}

.footer .right{ color:#fff;font-size:14px;width: 30%;padding-left: 50px;}

.footer .right span{ position: relative; display: block;padding: 3px 0 3px 20px;line-height: 24px;}

.footer .right span a{ color:white}

.footer .right span:before{ position: absolute;left:0;top:8px; color:#fff;font-size:14px;}

.footer .down{padding:10px 0; background:#585858;margin-top: 10px;}

.footer .down .left,.footer .down .left a,.footer .down .right-d,.footer .down .right-d a{color:#fff;font-size:14px;line-height: 30px;}

.footer .down .left a:hover,.footer .down .right-d a:hover{color:#ccc}

.footer .link{/*! margin-right: 20px; */padding:2px 30px;font-size:12px;color:#fff;line-height: 23px;position: relative;margin-top: 30px;}

.footer .link h3{float:left;color:#fff;font-size:16px;margin-right: 10px;}

.footer .link a{ float:left;display: block; color:#fff;font-size:14px; padding:0px 7px;}

.footer .link a:hover{color:#ccc}

.footer .icon-angle-down:before{ float:right; margin:2px 0 0 20px;font-size:18px;transition: all .4s ease-in-out;}

.footer .link span a{ display: block; color:#666;font-size:12px; padding:5px 0;}

.footer .link span{ display: none; position: absolute;top:-22px;left:0;width:100%;padding:10px 0; text-align: center;background: #fff;border: 1px #ddd solid;}

.footer .link:hover span{ display: block;}

.footer .link span a:hover{  background: #ddd}

.footer .icon-angle-down:hover:before{transform:rotate(-180deg);}









/*==响应↓==*/

@media (max-width:1920px){



}





@media all and (max-width:1550px){

.header .nav{margin: 10px 10px 0 20px;}

.header .nav li a{margin:0 11px;}



}





@media all and (max-width:1300px){

.focusCase .list img{display: none}



}





@media all and (max-width:1200px){

.logo{width:120px;height:18px;background: url(../images/logo120.jpg) center no-repeat;text-indent: -9999px; }
.logo h1{width:120px;height:28px;}


.header .nav li a{margin:0 13px;}    

.HomeAbout .left .video{ overflow: hidden}   

.HomeAbout .left .video img{margin-right:-80px}       




.stguanyu .left .video{ overflow: hidden}   

.stguanyu .left .video img{margin-right:-80px}       




.ProductListBox .navSub{width:22%}    

.ProductListBox .navSub{width:25%}        

.ProductListBox .right{width:73%}      

.onlineBox .box-1 .left{ overflow: hidden }

.onlineBox .box-1 .left img{  position: inherit; margin-left:-300px}   

.focusSlove .list li h2{font-size:40px;margin: 122px 0 0 0;}

.focusSlove .list li h2 font{font-size:15px;}

.focusSlove .list li h2 hr{margin:59px 0 0 0; width:100px; }     

.picTwo .vmcarousel > li{width:650px;}

.picTwo .vmc-centered .vmc_active{  margin:0 -100px 0 -155px;}

.picTwo .vmc-viewport{  margin-left:0;margin: 0 auto;}   

.footer .nav{width:60%;}

.footer .right{width:40%;}



}





@media all and (max-width:1000px){

.logo{width:100px;height:15px;background: url(../images/logo100.jpg) center no-repeat;text-indent: -9999px;}
.logo h1{width:100px;height:25px;}
.header{padding:15px 0}

.header .nav{margin:10px 0 0 10px;}

.header .nav li a{margin: 0 10px;} 

.header .right .block{margin-left:7px;font-size:12px;}

.header .right em{font-size:13px; margin-bottom:2px;}

.header .right .use a{  font-size:12px; margin:0 3px}

.header .right .search{ display: none}      

.ProductListBox .navSub{ display: none}    

.subNavWap{ display: block}       

.site{margin:10px 0 10px 0}  

.ProductListBox .right{width:100%;}       

.HomeAbout{height:auto}

.HomeAbout .left{width:100%}

.HomeAbout .left .video{ position: inherit} 

.HomeAbout .left .video img{max-width:100%;}   

.HomeAbout .right{width:100%;padding:20px;}

.HomeAbout .right h3{font-size:25px;}

.HomeAbout .right h3 span{ font-size:16px;}

.HomeAbout .right h3 hr{ width:50px;margin: 10px 0 0 0;}

.HomeAbout .right .wx{font-size:14px; line-height:25px;margin: 10px 0 0;}




.stguanyu{height:auto}

.stguanyu .left{width:100%}

.stguanyu .left .video{ position: inherit} 

.stguanyu .left .video img{max-width:100%;}   

.stguanyu .right{width:100%;padding:20px;}

.stguanyu .right h3{font-size:25px;}

.stguanyu .right h3 span{ font-size:16px;}

.stguanyu .right h3 hr{ width:50px;margin: 10px 0 0 0;}

.stguanyu .right .wx{font-size:14px; line-height:25px;margin: 10px 0 0;}


.HomeArticle .list-3 li{width:50%;margin-bottom: 30px;}

.onlineBox .box-1{height:auto} 

.onlineBox .box-1 .left{width:100%; text-align: center}

.onlineBox .box-1 .left img{ margin: 0px; max-width:100%;}

.onlineBox .box-1 .right{width:100%;}      

.contactBox .box-1 .left{width:100%}   

.contactBox .box-1 .right{width:100%;}

.contactBox .box-1 .right .tel, .contactBox .box-1 .right .mail{float:left;padding-right:50px;margin-bottom: 20px;width: 50%;}    

.contactBox .box-1 .right .ewm{float:left;display: inline-block;width: 50%;margin-bottom: 20px;}   

.contactBox .box-2 .frame{width:100%;margin:0 0 20px 0}

.contactBox .box-2 h2{margin:20px 0 20px 0}   

.ProductShow .sTopRight .online{float:left;margin-left:0;/*! clear: both;*/}

.serviceBox .lease .left{width:30%}

.serviceBox .lease .right{padding:22px;}

.serviceBox .lease .right span{margin-bottom: 10px;}

.serviceBox .lease .right .online{margin:8px 0 0 10px;padding:10px 40px 10px 70px;}

.contactBox .mode .online{padding:80px 0 0 10px;}

.contactBox .mode .ewm{width:100%;margin-top:20px;}

.contactBox .headquarters .map{width:100%;margin-top:10px;}

.contactBox .job .title{padding:25px 30px}

.focusSlove .list li{height:400px}

.focusSlove .list li h2{margin-top:30px;}    

.focusSlove .list li a{ margin:130px 0 0 0;}

.focusSlove .spot-long{ position: inherit;margin: 20px 0;}    

.focusSlove .spot{ display: table}

.focusSlove .spot li{float:left; position: initial;width: 15.6%;height: auto;background: #999;padding: 10px;margin: 0 0.5%;height: 113px;}    

.focusSlove .spot li.on{ background: #20438f}    

.focusSlove .spot li b{font-size:15px;margin: 10px 0;/*! height: 30px; */}

.focusSlove .spot li spam{font-size:12px;}

.picTwo .vmcarousel > li{width:550px;}

.picTwo .vmc-centered .vmc_active{  margin:0 -100px 0 -155px;}

.picTwo .vmc-viewport{ width:750px;margin: 0 auto;}

.footer .nav li{padding:0 10px}

.footer .right{padding-left:20px;}

      

}





@media all and (max-width:760px){

.header{ background: #fff;padding: 10px 0;position: fixed;z-index: 99;height:100px;box-shadow: 0 0 10px #999;border-bottom: 1px #ddd solid;}    

.header .nav{ display: none}   

.header .right{margin-top:10px;}

.header .right em{float:left; color:#000 ;font-weight:bold;margin-right:2px;}      

.titleAx{font-size:20px;  margin:10px 0}

.titleAx span{margin:2px 0; font-size:12px;}

.titleAx hr{ width:50px;}    

.moreAx{   margin:15px auto 0;font-size:12px; padding:5px 30px 5px 10px;}

.moreAx:before{ top:8px;right:10px; font-size:15px; }

.HomeProduct{margin: 15px 0 30px 0;}

.HomeProduct .tone{ margin:10px 0 15px 0; }

.HomeProduct .tone li{font-size:13px;padding:7px 10px;background: #eee;margin: 0 5px 5px 5px;}



.stpioti{font-size:20px;  margin:10px 0}

.stpioti span{margin:2px 0; font-size:12px;}

.stpioti hr{ width:50px;}    

.stchanping{margin: 15px 0 30px 0;}

.stchanping .quyu{ margin:10px 0 15px 0; }

.stchanping .quyu li{font-size:13px;padding:7px 10px;background: #eee;margin: 0 5px 5px 5px;}




.list-product li{  width:50%;margin: 0 0 15px 0;}

.list-product li a{margin:0 5px;}

.list-product li h4{ margin-top:10px;font-size:12px;height: 20px;}

.list-product li .box{ padding: 20px 20% 20px 20px;display: none;}

.list-product li .box h3{font-size:16px;}

.list-product li .box hr{ width:30px;height:3px;margin: 12px 0;}

.list-product li .box p{font-size:14px;line-height: 25px;}

.list-product li .box:before{right:15px;bottom:30px;font-size:15px; padding:2px;width: 40px;line-height: 35px;}



.lb-chanping li{  width:50%;margin: 0 0 15px 0;}

.lb-chanping li a{margin:0 5px;}

.lb-chanping li h4{ margin-top:10px;font-size:12px;height: 20px;}

.lb-chanping li .hezi{ padding: 20px 20% 20px 20px;display: none;}

.lb-chanping li .hezi h3{font-size:16px;}

.lb-chanping li .hezi hr{ width:30px;height:3px;margin: 12px 0;}

.lb-chanping li .hezi p{font-size:14px;line-height: 25px;}

.lb-chanping li .hezi:before{right:15px;bottom:30px;font-size:15px; padding:2px;width: 40px;line-height: 35px;}






.HomeAbout .right h3{font-size:20px;}

.HomeAbout .right h3 span{ font-size:12px;}

.HomeAbout .right h3 hr{ width:50px;margin: 10px 0 0 0;}

.HomeAbout .right .wx{font-size:12px; line-height:22px;margin: 10px 0 0;}  



.stguanyu .right h3{font-size:20px;}

.stguanyu .right h3 span{ font-size:12px;}

.stguanyu .right h3 hr{ width:50px;margin: 10px 0 0 0;}

.stguanyu .right .wx{font-size:12px; line-height:22px;margin: 10px 0 0;}  



.digital{ padding:10px 0;}

.digital li{  width:33.3%; margin:5px 0}

.digital li:before{ height:50%; top:20%;}

.digital li span{font-size:20px;}

.digital li span h5{font-size:12px; margin-top:10px;}

.HomePic{ margin:20px 0 10px 0;}

.HomePic .tone{ margin:10px 0 20px 0; }

.HomePic .tone li{font-size:14px;padding:5px 20px;}

.HomePic .down{}

.HomePic .list{}

.HomePic .list li{ width:50%;margin: 0 0 15px 0;}

.HomePic .list li a{  margin:0 10px;}

.HomePic .list li h4{font-size:12px; margin-top:10px; height: 30px;}

.HomePic .list li .pic{padding:20px; }




.stcp{ margin:0 0 10px 0;}

.stcp .quyu{ margin:10px 0 20px 0; }

.stcp .quyu li{font-size:14px;padding:5px 20px;}

.stcp .xiamian{}

.stcp .liebiao{}

.stcp .liebiao li{ width:50%; margin: 0 0 15px 0;}

.stcp .liebiao li a{  margin:0 10px;}

.stcp .liebiao li h4{font-size:12px; margin-top:10px; height: 30px;}

.stcp .liebiao li .pic{padding:20px; }





.HomeArticle{padding: 20px 0;}

.HomeArticle .tone{margin: 0 0 20px 0;text-align: center;}

.HomeArticle .tone h3{ font-size:20px;width: 100%;margin-bottom: 5px;}

.HomeArticle .tone h3 font{font-size:12px;}

.HomeArticle .tone li,.HomeArticle .tone .more{font-size:13px; border-radius:5px;padding:7px 15px;margin-top: 10px;text-align: center;}

.HomeArticle .list-3 li{width:100%;margin-bottom:10px;}

.list-3{}

.list-3 li{ width:100%;}

.list-3 li a{margin:0 12px 10px 12px;}

.list-3 li .box{padding:10px;}

.list-3 li .box h4{font-size:14px;margin-bottom: 14px;}

.list-3 li .box b{font-size:14px;}

.list-3 li .box span{ font-size:12px;}

.NewsListBox .list-3 li{width:50%;}

.NewsListBox .list-3 li a{margin: 0 7px 0px 7px;}

.list-3 li .box h4{height:30px;}   




.stwenz{padding: 20px 0;}

.stwenz .quyu{margin: 0 0 20px 0;text-align: center;}

.stwenz .quyu h3{ font-size:20px;width: 100%;margin-bottom: 5px;}

.stwenz .quyu h3 font{font-size:12px;}

.stwenz .quyu li,.stwenz .quyu .more{font-size:13px; border-radius:5px;padding:7px 15px;margin-top: 10px;text-align: center;}

.stwenz .liebiao-0 li{width:100%;margin-bottom:10px;}

.liebiao-0{}

.liebiao-0 li{ width:100%;}

.liebiao-0 li a{margin:0 12px 10px 12px;}

.liebiao-0 li .hezi{padding:10px;}

.liebiao-0 li .hezi h4{font-size:14px;margin-bottom: 14px;}

.liebiao-0 li .hezi b{font-size:14px;}

.liebiao-0 li .hezi span{ font-size:12px;}

.NewsListBox .liebiao-0 li{width:50%;}

.NewsListBox .liebiao-0 li a{margin: 0 7px 0px 7px;}

.liebiao-0 li .hezi h4{height:30px;}   








.titleCx{ margin:20px 0 5px 0;}

.titleCx h2{font-size:20px;}

.titleCx .sub{ margin: 8px 0 5px 0;}

.titleCx .sub a{font-size:12px;padding:8px 15px;margin: 5px 2px 2px 2px; background: #eee}

.list-2{}

.list-2 li a{ margin:0 5px 15px 5px;}

.list-2 li .pic:before,.list-2 li .pic h3,.list-2 li .pic b{  display: none}

.list-2 li h4{font-size:13px; margin-top:5px;}     

.rack{margin: 10px 0 15px 0;}  

.menu{}

.menu ul{}

.menu li{ margin: 10px 5px;}

.menu li a{font-size:13px;padding: 5px 15px;}   

.list-4{}

.list-4 li{ width:50%;}

.list-4 li a{  margin:0 5px 20px 5px;}

.list-4 li h4{margin-top:10px;color:#3e3e3e; font-size:13px;height:25px}  

.peCont{margin-top:20px;}    

.onlineBox{}

.onlineBox .box-1 .right{padding:20px 10px}

.onlineBox .box-1 .right h3{font-size:20px;}

.onlineBox .box-1 .right p{font-size:12px;line-height:22px;margin-top: 10px;}

.onlineBox .box-2{padding:20px 0; height:auto;}

.onlineBox .box-2 h3{font-size:20px;  margin-bottom: 20px;}

.onlineBox .box-2 span{font-size:16px; width: 100%;margin: 10px 0;padding: 10px 0 10px 110px;}

.onlineBox .box-2 span font{  font-size:12px;}

.onlineBox .box-3{padding:15px 0 20px 0;}

.onlineBox .box-3 .tel{font-size:16px;padding:20px 0 20px 70px;}

.onlineBox .box-3 .tel font{ color:#20438f;font-size:14px;display: block;}

.onlineBox .box-3 a{ margin:0 50px;display: inline-block;color:#20438f;font-size:14px;padding:7px 30px; border:1px #20438f solid;border-radius: 5px;/*! float: left; */}

.onlineBox .box-3 a:hover{color:#fff; background: #20438f}

.onlineBox .box-3 .time{color:#333333;font-size:16px;padding-left:80px;  background: url(../images/time_ico.png) no-repeat left;/*! float: left; */padding: 5px 0 5px 65px;display: inline-block;text-align: left;}

.onlineBox .box-3 .time span{ display: block; color:#666666;font-size:14px;}

.onlineBox .box-3 .time span font{color:#20438f;}  

.commentsBox{ margin:0 0 50px 0;}

.commentsBox .frame{ padding:5px 15px;}

.commentsBox .frame b{font-size:12px;/*! vertical-align: middle; */}

.commentsBox .frame b i{margin-right:5px;}

.commentsBox .mr{ margin-right:1%;}

.commentsBox .f-1{width:100%; margin-bottom: 10px;line-height: 30px;margin-right: 0px;}

.commentsBox .f-1 b{ margin-right: 10px;}

.commentsBox .f-1 input{width:80%; height:100%;line-height: 30px;}

.commentsBox .f-2{ line-height: 40px;}

.commentsBox .f-2 textarea{ height:100px;width: 80%;}

.commentsBox .f-3{margin:20px 0;width: 100%;padding: 0 0px;}

.commentsBox .f-3 b{  margin-bottom:10px;}

.commentsBox .f-3 input{width:150px; line-height: 33px;border:1px #e5e5e5 solid;}

.commentsBox .f-3 .browse,.commentsBox .f-3 .upload{font-size:12px;padding:10px 20px; }

.commentsBox .f-3 .browse{margin:0 10px;}

.commentsBox .submit,.commentsBox .reset{ margin-right:10px; padding:7px 30px; font-size:14px; }

.contactBox{margin: 30px 0 10px 0;}

.contactBox .box-1{width:100%;}

 .contactBox .box-1 .wor{ margin:0 0 10px 0;font-size: 12px;}

.contactBox .box-1 .left li{width:48%;margin-right:2%; margin-bottom:20px;}

.contactBox .box-1 .left li .pic h4{font-size:14px;}

.contactBox .box-1 .left li span{ margin-top:15px;font-size:12px;padding-left: 15px;line-height: 22px;/*! margin-top: 5px; */}

.contactBox .box-1 .right{ padding-left:0px;border: none;margin-top: 5px;}

.contactBox .box-1 .right .tel,.contactBox .box-1 .right .mail{font-size:14px;padding-left: 60px;;margin-bottom: 12px;padding: 10px 0 10px 60px;}

.contactBox .box-1 .right .tel font,.contactBox .box-1 .right .mail font{font-size:14px;}

.contactBox .box-1 .right .ewm{ margin-bottom:10px; font-size: 12px;}

.contactBox .box-1 .right .ewm img{ margin-bottom: 10px; }   

.contactBox .box-2{margin:10px 0;}

.contactBox .box-2 h2{font-size:20px; margin:10px 0 15px 0;}

.contactBox .box-2 .frame-2{margin-left:4%;}

.contactBox .box-2 table{float:left; width:100%;/*! border: 1px #ddd solid; */}

.contactBox .box-2 table tr td{font-size:13px;padding: 8px 1px;}

.contactBox .box-2 .tel{ padding: 8px 10px;font-size:14px;padding:8px 10px;}  

.focusSlove .list li{height:250px}

.focusSlove .list li h2{margin-top:20px;font-size:14px;}    

.focusSlove .list li h2 font{font-size:12px;}   

.focusSlove .list li h2 hr{width:30px; margin-top:20px;}    

.focusSlove .list li a{width:100%; margin:80px 0 0 0; font-size:12px;}

.focusSlove .spot-long{ margin: 10px 0;} 

.focusSlove .spot li{width: 32.3%;height: auto;background: #999;padding: 10px;margin: 0 0.5% 5px 0.5%;height:55px;}    

.focusSlove .spot li.on{ background: #20438f}    

.focusSlove .spot li b{font-size:13px;margin: 0px 0;/*! height: 30px; */}

.focusSlove .spot li span{display:none}  

.HomeCase {padding:20px 0 20px 0}  

.HomeCase .tone{ margin:10px 0 10px 0;}

.HomeCase .tone li{ font-size:13px;padding:7px 10px;}

.HomeCase .tone li.hit,.HomeCase .tone li:hover{ color:#fff; background: #20438f;}   

.picTwo{margin:0 0 20px 0}    

.picTwo .vmcarousel {margin-top:10px;}

.picTwo .vmcarousel > li{width:270px;}

.picTwo .vmcarousel > li h4{font-size:14px;margin-top:10px}

.picTwo .vmc-centered .vmc_active{  margin:0 -100px 0 -95px;}

.picTwo .vmc-viewport{ width:360px;margin: 0 auto;}

.picTwo .icon-angle-left, .picTwo .icon-angle-right{width:30px;height:40px; background:rgba(0,0,0,0.5); border:1px #999 solid; border-radius: 0px;left: 0;}

.picTwo .icon-angle-right{right:0;left:auto}

.picTwo .icon-angle-right:before,.picTwo .icon-angle-left:before{font-size:20px;margin-top: 10px;}

.picTwo .icon-angle-left:hover,.picTwo .icon-angle-right:hover{ border:1px #fff solid}

.picTwo .icon-angle-left:hover:before,.picTwo .icon-angle-right:hover:before{ color:#fff} 

.HomeSearch{display: none}    

.banner-within{/*! margin-top:45px; */}

/*.site{display: none}*/

.ProductShow{margin: 0 0 30px 0;}

.ProductShow .sTopLeft{width:100%;padding:10px 50px 0 50px}

.ProductShow .sTopRight{width:100%;}

.ProductShow .sTopRight h2{font-size:16px;}

.ProductShow .sTopRight p{font-size:12px;margin: 10px 0;}

.ProductShow .sTopRight span{padding:10px 0;font-size:12px;line-height: 20px;margin-bottom: 20px;}

.ProductShow .sTopRight .tel{font-size:12px;padding-left:50px;}

.ProductShow .sTopRight .tel font{font-size:16px;}

.ProductShow .sTopRight .online{margin:5px 0 0 15px;padding:5px 20px 5px 20px;font-size:14px;background:#20438f;}

.ProductShow .tabBox{margin: 20px 0 30px 0;}

.ProductShow .tabBox .tone li{padding:12px 25px;font-size:13px;}

.ProductShow .tabBox .down{margin-top:20px;}

.ProductShow .relevant{margin: 0 0 20px 0;}

.ProductShow .relevant h2{font-size:14px;padding-left: 10px;}

.ProductShow .relevant .list li h4{font-size:12px;margin: 15px 0;height:30px;}

.ProductShow .relevant .list li em{display: table;margin:auto;border:1px #ddd solid;color:#ddd;border-radius: 50%;width: 20px;line-height: 20px;text-align: center;}

.ProductShow .relevant .list li:hover h4{color:#20438f}

.ProductShow .relevant .list li:hover em{color:#20438f;border:1px #20438f solid}

.ProductShow .relevant .down{margin-top:50px;overflow: hidden;}

.ProductShow .relevant .swiper-container-relevant{margin-top: 15px;}

.ProductShow .relevant .prev,.ProductShow .relevant .next{background: #505050;color: #fff;font-size: 30px;width: 35px;line-height: 35px;text-align: center;}

.ProductShow .relevant .prev:hover,.ProductShow .relevant .next:hover{background:#20438f}

.ProductShow .relevant .list li:hover h4{color:#20438f}

.NewsDetailBox{padding-bottom: 2px}

.pagIng{margin-bottom:0px;border-top:1px #ddd solid;border-bottom:0px;border-left:0px;border-right:0px;border-bottom:0px;padding:10px 1px 1px 1px;}

.newsDetail h2{font-size: 16px;margin:0px 0 0 0;border-bottom: 1px #ddd solid;padding-bottom: 10px;}

.newsDetail .msg{/*! display: none */border: none;padding-top: 10px;}

.pagIng .fl a{font-size:12px;height: 25px;}

.relNews ul li{width:98%;}

.pagIng .fl{width:100%;margin-bottom: 10px;}

.pagIng .fr{display: inline-block;;margin:20px auto 0;float: none;}

.download-list{margin-top: 0px;margin-bottom: 20px;}

.download-list li{padding:10px 20px;}

.download-list li h4{padding-left:30px;font-size:12px;line-height: 30px;}

.download-list li h4:before{top:6px;width:20px;height:22px;background: url(../images/ddIco01.png) no-repeat 0 0px;background-size:100%}

.download-list li:hover h4:before{background-position: 0 -30px ;}

.download-list li b{padding: 5px 20px 5px 40px;height: 30px;}

.download-list li b:before{left:17px;top:5px;width:22px;height:20px;background: url(../images/ddIco02.png) no-repeat 0 0;}

.download-list li:hover b:before{background-position: 0 -18px;}

.serviceBox .download .more{margin:30px auto 0;padding:8px 30px;}

.serviceBox .download .more:before{top:20px;right:47px;}

.AboutBox{margin:0 0 10px 0;}

.AboutBox .title{font-size: 19px;}

.AboutBox .introduction{margin:10px 0 20px 0;}

.AboutBox .introduction .pic{margin-top: 0px;}

.AboutBox .introduction h2{font-size:18px;margin: 0px 0;}

.AboutBox .introduction .wx{font-size:12px;line-height:20px;margin: 10px 0 20px 0;}

.AboutBox .mission{padding:30px 0;}

.AboutBox .mission h3{margin-bottom: 50px; font-size:14px;}

.AboutBox .mission span{width:90px;height:90px;padding: 15px 0;margin: 0 10px;/*! float: left; */}

.AboutBox .mission span img{width:30px;}

.AboutBox .mission span font{color: #fff;font-size:14px; margin-top:5px;display: block;}

.AboutBox .region{margin:10px 0;}

.AboutBox .region .wx{margin:10px 0 20px 0;color:#333333;font-size:12px; line-height:22px;text-align: center}

.AboutBox .region img{ max-width:100%}

.AboutBox .course{padding:15px 0 20px 0}    

.AboutBox .ab_lc_01{ display: none}   

.AboutBox .ab_licheng{ padding-left:0px;height:300px;} 

.list-honor2{}

.list-honor2 li{width:48%;margin:0 1% 1% 1%}

.list-honor2 li h4{font-size: 12px;padding:10px 0;}

.list-honor2 li .imgBox{height:180px;}

.list-honor2 li .imgBoxB{height:180px;}

.list-honor2 li:hover h4{color:#20438f;}

.list-box{margin-top: 0px;}

.list-box li{width:48%;margin:0 1% 1% 1%}

.list-box li h4{font-size: 13px;padding: 10px 0 10px 0;max-height: 50px;height: auto;}

#list-box2 li{width:31.3%;}

.contactBox .mode .online{padding: 20px 0 0 20px;margin: 10px 0 20px 0;}

.contactBox .mode .online .tel{background: url(../images/tel2_ico.png) no-repeat left;padding: 0 50px 0 40px;background-size: 30px;border: none;font-size: 12px;}

.contactBox .mode .online .tel font{font-size: 18px;}

.contactBox .mode .online .consultation{margin:5px 0 0 10px;padding:5px 20px 5px 20px;color:#fff;font-size:14px;background:#20438f;display: inline-block;}

.contactBox .mode .ewm{width:100%;padding:30px 30px 30px 0;margin-top: 10px;}

.contactBox .mode .ewm span{font-size:12px;padding: 20px 30px 0 0;line-height: 25px;}

.contactBox .mode .ewm img{width:100px;border:3px #B00700 solid}

.contactBox .branch{margin: 30px 0;height: auto;}

.contactBox .branch .left{width:100%;}

.contactBox .branch .left h2{padding:15px 0;font-size:18px;height: auto}

.contactBox .branch .left li{float:left;height: auto;padding: 15px 0;width: 33.3%;}

.contactBox .branch .left li a{padding-left:20px;font-size:13px;}

.contactBox .branch .right{width:100%;padding:15px;}

.contactBox .branch .right p{line-height: 23px;padding-right:20px;width: 100%;margin-bottom: 10px;}

.contactBox .branch .right p b{font-size:14px;margin-bottom: 10px;}

.contactBox .branch .right .map{width:100%;height: auto;}

.contactBox .headquarters{padding:20px 20px 20px 20px}

.contactBox .headquarters p{width:100%;padding-left:0px;}

.contactBox .ser{margin: 30px 0 0 0;padding: 20px 20px;}

.contactBox .ser p{width:100%;border-right:0px;border-bottom:1px #ddd solid;margin-bottom: 10px;padding-bottom: 10px;margin-right: 80px;}

.contactBox .ser p b{font-size:14px;margin-bottom:10px;}

.message{padding: 20px 0 30px 0;margin: 20px 0 0 0;}

.message form{margin-top:30px}

.message .frame{padding:12px 10px;width:100%;margin:0 0.5% 1% 0.5%;}

.message .frame input,.message .frame textarea{padding-left:30px;display: inline;vertical-align: top;}

.message .frame textarea{height:100px;}

.message button.submit{width:30%;padding:10px 10px;font-size:14px;}

.contactBox .sideMenu{margin-top:35px;}

.footer{padding:20px 0 0 0;}   

.footer .nav{display: none}

.footer .right{width:100%;padding: 0px;border: none;/*! text-align: center; */margin: auto;/*! display: table; *//*! float: none; */}

.footer .right span{/*! width:100% */margin: auto;display: table;font-size: 12px;line-height: 22px;}

.footer .down .left,.footer .down .left a,.footer .down .right-d,.footer .down .right-d a{font-size:12px;}

.footer .border{/*! padding:20px 0; */overflow: hidden;}

.footer .link{ display: none}

.footer .down{text-align: center;margin-top: 20px;font-size: 12px;}

.footer .down .link{display: none}

.footer .down span{display: block;margin-bottom:10px;width: 100%;}

.footer .down div,.footer .down .fr{width:100%}
}